<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>基本资料</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../elementUI/index.css">
    <link rel="stylesheet" href="../../../css/index.css">
</head>

<body>
    <div id="app" class="minWidth">
        <div style="display: flex;height: 700px;justify-content: space-between;">
            <div style="height: 100%;width: 50%;display: flex;flex-direction: column;justify-content: space-between;">
                <div style="width: 100%;border: 2px solid #eee;padding: 20px;">
                    <el-avatar :size="size" :src="circleUrl"></el-avatar>
                    <el-descriptions class="margin-top" title="个人信息" :column="3" :size="size" border>
                        <template slot="extra">
                            <el-button type="primary" size="small">操作</el-button>
                        </template>
                        <el-descriptions-item>
                            <template slot="label">
                                <i class="el-icon-user"></i>
                                用户名
                            </template>
                            <span>{{UserInfo.ID_Name}}</span>
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template slot="label">
                                <i class="el-icon-mobile-phone"></i>
                                手机号
                            </template>
                            <span>{{UserInfo.User_Number}}</span>
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template slot="label">
                                <i class="el-icon-location-outline"></i>
                                居住地
                            </template>
                            <span>未知</span>
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template slot="label">
                                <i class="el-icon-tickets"></i>
                                身份
                            </template>
                            <el-tag v-if="UserInfo.Admin_Type=='1'" size="small">管理员</el-tag>
                            <el-tag v-if="UserInfo.Admin_Type=='0'" size="small">普通用户</el-tag>
                            <el-tag v-if="UserInfo.Admin_Type=='2'" size="small">系统管理员</el-tag>
                        </el-descriptions-item>
                        <el-descriptions-item>
                            <template slot="label">
                                <i class="el-icon-office-building"></i>
                                身份证号
                            </template>
                            <span>{{UserInfo.ID_SerialNumber}}</span>
                        </el-descriptions-item>
                    </el-descriptions>
                </div>
                <div style="width: 100%;border: 2px solid #eee;padding: 20px;">
                    <span style="font-weight: bold;">我的浏览记录</span>
                    <el-skeleton />
                    <el-skeleton />
                    <el-skeleton />
                    <el-skeleton />
                </div>
            </div>
            <div style="height: 100%;width: 45%;">
                <div style="height: 100%;border: 2px solid #eee;padding: 20px;">
                    <el-calendar v-model="value">
                    </el-calendar>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../../../js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../js/vue.min.js"></script>
    <script type="text/javascript" src="../../../elementUI/index.js"></script>
    <script type="text/javascript" src="../../../js/utils.js"></script>
    <script type="text/javascript" src="./js/Person.js"></script>



</body>

</html>